.bg{
    background: url(../img/index/bg.png);
    background-size: 100% 100%;
   
   
   padding-bottom: 12rem;
    

}
.bg .logo{
    margin-top: 24rem;
    margin-left: 13rem;  
}

.tubiao img{
    width: 90rem;
    height: 26rem;
}
.top{
    display: none;
   
}
.top.show{
    display: flex;
}
.top .btn{
   transform: translate(-30rem);
}
.top .sousuo span{
    transform: translate(-4rem,0rem);
}
.logo img{
    width: 90rem;
}
.btn1{
    width: 100rem;
    height: 30rem;
    padding-left: 1rem;
    background-color: rgb(224,224,224);
  
    text-align: center;
    margin-top: 18rem;
   margin-left: -15rem;
    border-radius: 7rem;
    display: flex;
}
.btn h1{
    background-color: #fff;
    border: 0;
    height: 26rem;
    line-height: 26rem;
    margin-top: 2rem;
    border-radius: 7rem;
    width: 47rem;
    font-size: 13rem;

    

}
.btn .girl{
    background-color: rgb(224,224,224);
    color: gray;
    margin-left: 3rem;
}
.open{
    width: 70rem;
    height: 30rem;
    border-radius: 15rem;
    background-color: rgb(231,214,226);
   
    text-align: center;
    line-height: 30rem;
    color: rgb(229,53,62);
    margin-top: 20rem;
    margin-right: 13rem;
    font-size: 12rem;

}
.bg header{
    display: flex;
    justify-content: space-between;
}
.sousuokuang{
    width: 340rem;
    height: 30rem;
    background-color: #fff;
    border-radius: 15rem;
    margin-top: 20rem;
    margin-left: 13rem;
   display: flex;
   align-items: center;
   


}
.sousuokuang span{
   
   color: rgb(163, 163, 163);
  margin-left: 15rem;
  font-size: 16rem;
  
  
  


}
input:focus{
    outline: none;
}
input:placeholder-shown{
    font-size:14rem;
    color: gray;

}
input{
    font-size: 14rem;
}

.sousuokuang input{
    border: 0;
    margin-left: 6rem;
    height: 28rem;
    width: 80%;
    position: relative;
    
    
}
.sousuokuang input::placeholder{
    color: rgb(203, 203, 203);
    font-size: 14rem;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

.xianshi{
    width: 350rem;
    height: 110rem;
    overflow: hidden;
    margin:0 auto;
   border-radius: 10rem;
   position: relative;
   margin-top: 25rem;
   
}
.xianshi img{
    width: 350rem;
    height: 110rem;
    float: left;
}

.img-box{
    width:calc(350rem*5);
    height: 110rem;
    animation: run 10s infinite;
}
@keyframes run{
    0%{
        transform: translateX(0);
    }
    10%{
        transform: translateX(calc(-350rem));
    }
    25%{
        transform: translateX(calc(-350rem));
    }
    35%{
        transform: translateX(calc(-350rem*2));
    }
    50%{
        transform: translateX(calc(-350rem*2));
    }
    60%{
        transform: translateX(calc(-350rem*3));
    }
    75%{
        transform: translateX(calc(-350rem*3));
    }
    85%{
        transform: translateX(calc(-350rem*4));
    }
    100%{
        transform: translateX(calc(-350rem*4));
    }
}

.nav{
    width: 350rem;
    height: 80rem;
    background-color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    
    padding: 0 10rem;
    box-sizing: border-box;
    border-radius: 10rem;
    margin-top: 12rem;
   
}
.nav img{
    width: 48rem;
}
.nav ul{
    text-align: center;
    margin-top: 5rem ;
    
    
}
.nav ul li{
    font-weight: bold;
    color: black;
    font-size: 12rem;
}
.qidian{
    width: 350rem;
    height: 70rem;
    margin: 0 auto;
    margin-top: 12rem;
    background-color: #fff;
   display: flex;
   justify-content: space-between;
   align-items: center;
    border-radius: 10rem;
    padding: 0 13rem;
    box-sizing: border-box;
   

}
.qidian img{
    width: 44rem;

}
.qidian-left{
    display: flex;
   
   

}
.qidian-left div{
    margin-left: 12rem;
}
.qidian-left div p:nth-child(1){
   font-size: 16rem;
   margin-top: 5rem;

}
.qidian-left div p:nth-child(2){
   font-size: 12rem;
   color: gray;
    margin-top: 10rem;
}
.btn-download{
    width: 68rem;
    height: 32rem;
    background-color: rgb(229,53,62);
    color: #fff;
    font-size: 12rem;
    text-align: center;
    line-height: 32rem;
    border-radius: 16rem;
}

.bidu-tit{
    padding: 15rem 13rem 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    
}
.bidu-tit div:nth-child(1){
    border-left: 2rem solid rgb(229,53,62);
    height: 19rem;
    font-size: 16rem;
    padding-left: 10rem;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
}
.bidu-tit div:nth-child(1) span{
    font-size: 13rem;
    color: rgb(156, 156, 156);
    margin-left: 10rem;
}
.bidu-tit div:nth-child(2) span{
    font-size: 13rem;
    color: #5790df;
}
.bidu-tit div:nth-child(2) img{
    width: 13rem;
    margin-right: 5rem;

}
.bidu-tit div:nth-child(2){
    display: flex;
    align-items: center;
}
.bidu-content{
    padding: 15rem 13rem 0;
}
.content1 img{
    width: 48rem;
    height: 64rem;
    
}
.content1>div>div{
    margin-left: 8rem;
 
    
   display: flex;
   flex-direction: column;
   justify-content: center;
  
}
.content1>div{
   display: flex;
    width: 170rem;
    margin-left: 3rem;
}
.content1>div>div p:nth-child(1){
    font-size: 16rem;
    font-weight: bold;
  
  
    line-height: 20rem;
    
}
.content1>div>div p:nth-child(2){
    font-size: 12rem;
    color: rgb(156, 156, 156);
    margin-top: 5rem;
   
    
}
.content1{
    display: flex;
    height: 64rem;
    margin-bottom: 20rem;
}
.tuijian{
    background-color: rgb(246,247,249);
    display: flex;
    justify-content: space-between;
    padding: 20rem 13rem;

}
.tuijian div{
    width: 160rem;
    height: 30rem;
    border: 1rem solid rgb(229,53,62);
    text-align: center;
    line-height: 30rem;
    font-size: 13rem;
    color: rgb(229,53,62);
    border-radius: 15rem;
}
.changxiao-tit{
    padding: 15rem 13rem 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    
}
.changxiao-tit div:nth-child(1){
    border-left: 2rem solid rgb(229,53,62);
    font-size: 16rem;
    height: 19rem;
    display: flex;
    align-items: flex-end;
    padding-left: 10rem;
    font-weight: bold;
}
.changxiao-tit div:nth-child(2){
    font-size: 14rem;
    color: rgb(156, 156, 156);
}
.changxiao-tit div:nth-child(2) span{
    font-size: 14rem;
}
.content2{
    margin-top: 20rem;
    margin-left: 16rem;
    padding-bottom: 15rem;
    display: flex;
    border-bottom: 1rem solid rgb(232, 232, 232);

}
.changxiao-content{
    padding-top: 5rem;
    box-sizing: border-box;
}
.content2 img{
    width: 66rem;
    height: 88rem;
    margin-right: 8rem;
}
.content2 h1{
    font-size: 16rem;
    font-weight: bold;
    

}
.jianjie{
    width: 270rem;
    font-size: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
    margin: 6rem 0;
    color: rgb(156, 156, 156);
    line-height: 20rem;
}
.biaoqian{
    font-size: 13rem;
    color: rgb(156, 156, 156);
    height: 23rem;
    line-height: 23rem;

}
.biaoqian span{
    background-color: #f3f3f3;
    border-radius: 3rem;
    float: right;
    padding: 0 2rem;
    margin-left: 3rem;
    font-size: 12rem;
    height: 16rem;
    line-height: 16rem;
   margin-top: 5rem;

   
    
}
.bgc-gray{
    width: 375rem;
    height: 15rem;
    background-color: rgb(246,247,249);
}
.xihuan-tit{
    padding: 15rem 13rem 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    
}
.xihuan-tit div:nth-child(1){
    border-left: 2rem solid rgb(229,53,62);
    font-size: 16rem;
    padding-left: 10rem;
    font-weight: bold;
    height: 19rem;
    display: flex;
    align-items: flex-end;
}
.xihuan-tit div span{
    font-size: 13rem;
    color: rgb(156, 156, 156);
    margin-left: 15rem;
}
.xihuan h2{
    font-size: 13rem;
    color: rgb(156, 156, 156);
    margin-top: 30rem;
    margin-left: 16rem;
    margin-bottom: -5rem;
}
.huan{
    width: 100%;
    height: 48rem;
    text-align: center;
    line-height: 48rem;

}
.huan span{
color: #5790df;
font-size: 13rem;

}
.huan img{
    width: 13rem;
    transform: translate(-2rem,2rem);
}
.bgc-gray2{
    height: 25rem;
    background-color: rgb(246,247,249);
}
.tit-left{
    display: flex;
}
.time{
    display: flex;
    align-items: center;
    margin-left: 5rem;
    transform: translateY(-2rem);
}
.time b{
 
    font-size: 12rem;
    position: relative;
    margin-right: 5rem;
}
.time i{
    position: absolute;
    top: 0rem;
    left: 13.5rem;
}
.time span{
    background-color: black;
    color: white;
    border-radius: 2rem;
    padding-right: 1rem;
}
.time .hour{
    background-color: rgb(229,53,62);
}
.xianmian{
    width: 66rem;
    height: 148rem;
    display: flex;
  flex-direction: column;
  
  margin-right: 16rem;
 
  
}
.xianmian-img{
    position: relative;
    overflow: hidden;
}
.xianmian-img::after{
    content: "限免";
    display: block;
    background-color: #5790df;
    color: white;
    width: 60rem;
    text-align: center;
    height: 14rem;
    line-height: 14rem;
    position: absolute;
    transform: rotate(-45deg);
    top: 5rem;
    left: -18rem;
    font-size: 12rem;


}
.free-content{
    padding-top: 20rem;
    padding-bottom: 10rem;
    padding-left:16rem ;
    display: flex;
    overflow: auto;
}
.free-content::-webkit-scrollbar{
    display: none;
}
.xianmian img{
    width: 66rem;
    height: 88rem;

}
.t1,.t2,.t3,.t4,.t5,.t6{
    width: 66rem;
    height: 88rem;
    position: relative;
    overflow: hidden;
}
.t1::after,.t2::after,.t3::after,.t4::after,.t5::after,.t6::after{
    content: "TOP1";
    display: block;
    background-color: #ed424b;
    color: white;
    width: 60rem;
    text-align: center;
    height: 14rem;
    line-height: 14rem;
    position: absolute;
    transform: rotate(-45deg);
    top: 6rem;
    left: -16rem;
    font-size: 12rem;
    font-weight: bold;
    
}
.t2::after{
    background-color: rgb(255, 98, 0);
    content: "TOP2";
}
.t3::after{
    background-color: rgb(255, 166, 0);
    content: "TOP3";
}
.t4::after{
    background-color: rgb(160, 160, 160);
    content: "TOP4";
}
.t5::after{
    background-color: rgb(160, 160, 160);
    content: "TOP5";
}
.t6::after{
    background-color: rgb(160, 160, 160);
    content: "TOP6";
}
.xianmian p{
    margin-top: 5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 16rem;
    font-size: 13rem;
    color:#33373d
    
    
   
    
}
.xianmian h4{
    font-size: 12rem;
    color: rgb(156, 156, 156);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 5rem;

}
.paihang-nav{
    height: 30rem;
    width: 340rem;
    margin-top: 15rem;
    margin-left: 17.5rem;
    
    display: flex;
    border-radius: 5rem;
    border: 1rem solid rgb(229,53,62);
    box-sizing: border-box;
    overflow: hidden;

}
.paihang-nav a{
    display: block;
    width: 85rem;
    height: 30rem;
    text-align: center;
    line-height: 30rem;
    color: rgb(229,53,62);
    border-left: 1rem solid rgb(229,53,62);
    font-size: 13rem;

}
.paihang-nav a:nth-child(1){
    background-color: rgb(229,53,62);
    color: white;
    border: 0;
}

hr{
    height: 1rem;
    width: 340rem;
    margin-left: 17.5rem;
   background-color: rgb(221, 221, 221);
   border: 0;
}
.bg-img{
    width: 375rem;
    height: 82rem;
    
    box-sizing: border-box;
    line-height: 60rem;
    background-color: rgb(246,247,249);
}
.bg-img img{
    width: 343rem;
    height: 52rem;
    margin-top: 15rem;
    margin-left: 16rem;

   
}
.biaoqian .gray{
    background-color: #ffffff00;
    border: 1rem solid rgb(213, 213, 213);
    color: rgb(156, 156, 156);
    font-size: 12rem;
    padding: 1rem 2rem 1rem 1rem;
    border-radius: 0%;
    line-height: 12rem;
    height: 12rem;
    
}
.biaoqian .red{
    background-color: #ffffff00;
    border: 1rem solid rgb(229,53,62);
    color: rgb(229,53,62);
    font-size: 12rem;
    padding: 1rem 2rem 1rem 1rem;
    border-radius: 0%;
    line-height: 12rem;
    margin-left: 4rem;
    height: 12rem;
}
.biaoqian .blue{
    background-color: #ffffff00;
    border: 1rem solid rgb(66,132,237);
    color: rgb(66,132,237);
    font-size: 12rem;
    padding: 1rem 2rem 1rem 1rem;
    border-radius: 0%;
    line-height: 12rem;
    margin-left: 4rem;
    height: 12rem;
}
.biaoqian img{
    width: 12rem;
    height: 15rem;
    margin-top: 5rem;
}
.biaoqian em{
    display: inline-block;
    margin-left: -8rem;
   transform:translateY(-2rem);
}
.jingxuan-content{
    display: flex;
    justify-content: space-evenly;
    margin-top: 15rem;
}
.jingxuan-content img{
    width: 163rem;
    height: 66rem;
}
.jingxuan>div:nth-child(1){
    padding-bottom: 5rem;
}
.denglu{
    width: 375rem;
    height: 70rem;
    line-height: 70rem;
    text-align: center;
    font-size: 14rem;
    font-weight: bold;
    border-bottom: 1px solid rgb(229, 229, 229);
}
.denglu span{
    color: #5790df;
}
.footer{
    padding-bottom: 50rem;
}
.footer h1{
    width: 375rem;
    height: 60rem;
    display: flex;
    justify-content: center;
}
.footer h1 span{
    width: 170rem;
    height: 60rem;
    line-height: 60rem;
    text-align: center;
    font-size: 14rem;
    color: rgb(162, 162, 162);
}
.footer h2 span{
    height: 37rem;
    line-height: 37rem;
    text-align: center;
    font-size: 14rem;
    color: rgb(162, 162, 162);
}
.footer h2{
    width: 375rem;
    display: flex;
    justify-content: space-evenly;
}
.footer h3{
    height: 74rem;
    text-align: center;
}
.footer h3 p{
    font-size: 12rem;
    color: rgb(189, 189, 189);
    line-height: 20rem;
}
.end{
    width: 375rem;
    height: 50rem;
    line-height: 50rem;
    display: flex;
    justify-content: space-around;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);

    position: fixed;   
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.end div:nth-child(1) img{
    width: 27rem;
    height: 24rem;
   transform: translate(2rem,7rem);
}
.end div:nth-child(2) img{
    width: 22rem;
    height: 25rem;
    transform: translateY(6rem);
}
.end div{
    font-size: 16rem;


}